<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../myVue/vue.js"></script>
</head>
<body>
    <div id="app">
        <table border="1">
            <thead>
                <th>学校：</th>
                <th>班级：</th>
                <th>姓名：</th>
                <th>学号：</th>
                <th>性别：</th>
            </thead>
            <tbody>
                <tr v-for="item in emp">
                    <td>{{item.school}}</td>
                    <td>{{item.class}}</td>
                    <td>{{item.name}}</td>
                    <td>{{item.code}}</td>
                    <td>{{item.sex}}</td>
                </tr>
            </tbody>
        </table>
    </div>
</body>
<script>
    var vm = new Vue({
        el:'#app',
        data:{
            emp:[
                {school:"天津机电职业技术学院",class:"软件五班",name:"尹浩刚",code:202153060541,sex:"男"},
                {school:"天津机电职业技术学院",class:"软件五班",name:"杨耀耀",code:202153060540,sex:"男"},
                {school:"天津机电职业技术学院",class:"软件五班",name:"温祥",code:202153060000,sex:"男"},
                {school:"天津机电职业技术学院",class:"软件五班",name:"张三",code:202153061111,sex:"女"},
                {school:"天津机电职业技术学院",class:"软件五班",name:"李四",code:202153062222,sex:"女"},
                {school:"天津机电职业技术学院",class:"软件五班",name:"王五",code:202153063333,sex:"女"},
            ]
        }
    })
</script>
</html>